<div class="container">
    <div class="login-form">
      <h1 >REGISTER</h1>
        <mat-form-field appearance="outline" style="width: 100%;">
          <mat-label>USERNAME</mat-label>
          <input matInput [(ngModel)]="user.username" placeholder="USERNAME" >
        </mat-form-field>
        <mat-form-field appearance="outline" style="width: 100%;">
          <mat-label>PASSWORD</mat-label>
          <input matInput type="password" [(ngModel)]="user.password" placeholder="PASSWORD">
        </mat-form-field>
        <mat-form-field appearance="outline" style="width: 100%;">
            <mat-label>PASSWORD</mat-label>
            <input matInput type="password" [(ngModel)]="user.password1" placeholder="Enter password again">
          </mat-form-field>
        <br>
        <div class="button-row">
          <button mat-raised-button (click)="register()" color="primary"  class="login-button">REGISTER</button>
        </div>
    </div>
</div>